<template>
	<div class="product">
		<div class="lists">
			<div class="list" v-for="(item,index) in product" :key="index">
				<p><span>{{index}}</span> {{item.name}}:{{item.content}}</p>
			</div>
		</div>
	</div>
</template>
<script>
	export default{
		data(){
			return{
				product:[]
			}
		},
		created(){
			for(var i=0;i<50;i++){
				this.product.push({name:'我是'+i,content:'我有'+i+'人'})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.product{
	    height: -moz-calc(100vh - 70px); 
	    height: -webkit-calc(100vh - 70px); 
	    height: calc(100vh - 70px);
		overflow-y: auto;
	}
</style>